<template>
<div class="pro">
  <div class="top_bg">
    一码投APP招商
  </div>
  <div class="td_div flex_sb flex_w">
    <div class="td_item">
      <div class="tu"><img src="~@/assets/img/project/icon1.png" alt=""></div>
      <div class="td_desc">以产业链为纽带</div>
    </div>
    <div class="td_item">
      <div class="tu"><img src="~@/assets/img/project/icon2.png" alt=""></div>
      <div class="td_desc">以本地资源为载体</div>
    </div>
    <div class="td_item">
      <div class="tu"><img src="~@/assets/img/project/icon3.png" alt=""></div>
      <div class="td_desc">以统一化传播为手段</div>
    </div>
    <div class="td_item">
      <div class="tu"><img src="~@/assets/img/project/icon4.png" alt=""></div>
      <div class="td_desc">以数字化触达为目标</div>
    </div>
  </div>
  <div class="js_div">
    <div class="div_text">
      <h2 class="" > 一码投移动端</h2>
      <p>一码投移动端，用产业链串联地方载体、产业链、企业、园区、项目等数据，并通过移动互联网进行推介，并实现在线的撮合服务。</p>
    </div>
    <img class="p1" src="~@/assets/img/project/pic20.png" alt="">
  </div>
  <div class="js_div js_div1">
    <div class="div_text">
      <h2 class="" > 园区推介</h2>
      <p>区域内重点园区载体推介，园区重点产业、龙头企业等资源信息介绍</p>
    </div>
    <img class="p1" src="~@/assets/img/project/pic21.png" alt="">
  </div>
    <div class="js_div">
    <div class="div_text">
      <h2 class="" > 产业链推介</h2>
      <p>区域主导发展产业链推介，查询产业链上下游企业，摸清区域产业链发展脉络</p>
    </div>
    <img class="p1" src="~@/assets/img/project/pic22.png" alt="">
  </div>
  <div class="js_div js_div1">
    <div class="div_text">
      <h2 class="" > 产业集群推介</h2>
      <p>全国产业集群分布查询及推介，快速掌握目标地区招商信息</p>
    </div>
    <img class="p1" src="~@/assets/img/project/pic23.png" alt="">
  </div>
  <form-div></form-div>
</div>
</template>
<script>
import formDiv from '../../components/form.vue'
export default {
  components: { formDiv },
  data(){
    return{

    }
  }
}
</script>
<style lang="scss" scoped>
.pro{
  background: #f7f8fa;
}
.top_bg{
  width: 100%;
  height: 220px;
  background: url(~@/assets/img/project/top_bg.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  line-height: 240px;
  color: #fff;
  font-size: 22px;
  font-weight: 100;
  font-family: KaiGenGothicSCExtraLight,Microsoft YaHei;
}
.td_div{
  width: 100%;
  margin: 0 auto;
  padding-bottom: 60px;
  .td_item{
    // width: 280px;
    text-align: center;
    width: 50%;
    margin-top: 20px;
  }
  .tu{
    margin:0 auto;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background: #fff;
    box-shadow: 0 5px 12px 2px rgb(223 223 233 / 50%);
    display: flex;
    align-items: center;
    justify-content: center;
    img{
      width: 33px;
      height: 32px;
    }
  }
  .td_desc{
    color: #0a1633;
    font-size: 14px;
    margin-top: 20px;
  }
}
</style>